<!--
  ========================LICENSE_START=================================
  screenit-web
  %%
  Copyright (C) 2012 - 2020 Facilitaire Samenwerking Bevolkingsonderzoek
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  =========================LICENSE_END==================================
  -->
<html xmlns:wicket="http://wicket.apache.org">
<wicket:extend>
    <div wicket:id="dialog"></div>
    <div class="row-fluid">
        <div class="span12">
            <h1 class="pageTitle">Testen Timeline</h1>
        </div>
    </div>
    <div class="row-fluid form-horizontal">
        <form wicket:id="form">
            <fieldset wicket:id="formComponents">
                <div class="row-fluid">
                    <div class="span4">
                        <div class="control-group">
                            <label for="bsn1" class="control-label span2">BSN:<i class="icon-asterisk icon-purple"></i></label>
                            <div class="controls">
                                <div class="input-append">
                                    <input class="form-control input-small" type="text" placeholder="123456789" wicket:id="bsn">
                                    <span class="add-on" wicket:id="bsnGenereren"><i class="icon-refresh"></i></span>
                                    <span class="add-on" wicket:id="bsnToevoegen"><i class="icon-plus"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="control-group">
                            <label class="control-label">Geboortedatum:</label>
                            <div class="controls">
                                <div class="btn-group periode-filter">
                                    <div class="input-append">
                                        <input wicket:id="geboortedatum" type="text" placeholder="dd-mm-jaar" size="16" id="startDatum"
                                               class="input-small datum datum three-months"/>
                                        <a href="javascript:void(0);" class="add-on" onclick="$(this).prev().datepicker({ changeMonth: true, changeYear: true});" title="Datum"
                                           tabindex="-1">
                                            <i class="icon-calendar"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="control-group">
                            <label for="" class="control-label span2">Gemeente:</label>
                            <div class="controls">
                                <select class="form-control" wicket:id="gemeente"></select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <div class="form-actions clearfix">
                            <button class="btn btn-primary" wicket:id="clientVindOfMaak">Zoek client</button>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset wicket:id="gebeurtenissenContainer">
                <table class="table table-bordered table-condensed status-bevolkingsonderzoek">
                    <thead>
                    <tr>
                        <th class="input-micro">Ronde</th>
                        <th>
                            <div class="right" wicket:id="nieuweRonde">Maak CervixScreeningRonde</div>
                            <label style="margin-top: 10px; font-weight: bold;">Gebeurtenis Baarmoederhalskanker</label></th>
                    </tr>
                    </thead>
                    <tbody wicket:id="rondes">
                    <tr class="show-active">
                        <td class="center-content">
                            <span class="badge" wicket:id="rondeNummer">1</span>
                        </td>
                        <td class="gebeurtenissen">
                            <div wicket:id="snelKeuzeCervix">Maak CervixScreeningRonde</div>
                            <span class="badge" wicket:id="gebeurtenissen">
									<span class="omschrijving">
										<wicket:container wicket:id="bron">Afgerond</wicket:container>
										<wicket:container wicket:id="gebeurtenis">Afgerond</wicket:container>
										<wicket:container wicket:id="extraOmschrijving">Afgerond</wicket:container> 
									</span>
									<span class="datum" wicket:id="datum">12-10-2010</span>
								</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="row-fluid">
                    <div class="span12">
                        <div class="form-actions clearfix">
                            <button class="btn" wicket:id="bijzondereClientData">Bijzondere client data</button>
                            <button class="btn btn-info" wicket:id="directNaarClientDossier">Client dossier</button>
                            <button class="btn btn-info" wicket:id="directNaarClientPortaal">Client portaal</button>
                        </div>
                    </div>
                </div>
            </fieldset>
        </form>
        <h3>Reset clienten</h3>
        <form wicket:id="clientResetForm">
            <fieldset>
                <div class="span5">
                    BSN's (kommaseperated)<textarea wicket:id="bsns"></textarea>
                    <button class="btn" wicket:id="resetten">Clienten resetten</button>
                </div>
            </fieldset>
        </form>
        <form wicket:id="definitiefAfmeldenForm">
            <h3>Huidige client(en) definitief afmelden in CIS dossier</h3>
            <fieldset>
                <div class="span5">
                    <select wicket:id="afmeldingReden"></select>
                    <button class="btn" wicket:id="definitiefAfmelden">Definitief afmelden</button>
                </div>
            </fieldset>
        </form>
    </div>
</wicket:extend>
</html>
